const theme = {
    color: ['#2d8cf0', '#19be6b', '#ff9900', '#E46CBB', '#9A66E4', '#ed3f14'],
    backgroundColor: 'rgba(0,0,0,0)',
    textStyle: {},
    title: {
      textStyle: {
        color: '#516b91'
      },
      subtextStyle: {
        color: '#93b7e3'
      }
    },
    line: {
      itemStyle: {
        normal: {
          borderWidth: '2'
        }
      },
      lineStyle: {
        normal: {
          width: '2'
        }
      },
      symbolSize: '6',
      symbol: 'emptyCircle',
      smooth: true
    },
    radar: {
      itemStyle: {
        normal: {
          borderWidth: '2'
        }
      },
      lineStyle: {
        normal: {
          width: '2'
        }
      },
      symbolSize: '6',
      symbol: 'emptyCircle',
      smooth: true
    },
    bar: {
      itemStyle: {
        normal: {
          barBorderWidth: 0,
          barBorderColor: '#ccc'
        },
        emphasis: {
          barBorderWidth: 0,
          barBorderColor: '#ccc'
        }
      }
    },
    pie: {
      itemStyle: {
        normal: {
          borderWidth: 0,
          borderColor: '#ccc'
        },
        emphasis: {
          borderWidth: 0,
          borderColor: '#ccc'
        }
      }
    },
    scatter: {
      itemStyle: {
        normal: {
          borderWidth: 0,
          borderColor: '#ccc'
        },
        emphasis: {
          borderWidth: 0,
          borderColor: '#ccc'
        }
      }
    },
    boxplot: {
      itemStyle: {
        normal: {
          borderWidth: 0,
          borderColor: '#ccc'
        },
        emphasis: {
          borderWidth: 0,
          borderColor: '#ccc'
        }
      }
    },
    parallel: {
      itemStyle: {
        normal: {
          borderWidth: 0,
          borderColor: '#ccc'
        },
        emphasis: {
          borderWidth: 0,
          borderColor: '#ccc'
        }
      }
    },
    sankey: {
      itemStyle: {
        normal: {
          borderWidth: 0,
          borderColor: '#ccc'
        },
        emphasis: {
          borderWidth: 0,
          borderColor: '#ccc'
        }
      }
    },
    funnel: {
      itemStyle: {
        normal: {
          borderWidth: 0,
          borderColor: '#ccc'
        },
        emphasis: {
          borderWidth: 0,
          borderColor: '#ccc'
        }
      }
    },
    gauge: {
      itemStyle: {
        normal: {
          borderWidth: 0,
          borderColor: '#ccc'
        },
        emphasis: {
          borderWidth: 0,
          borderColor: '#ccc'
        }
      }
    },
    candlestick: {
      itemStyle: {
        normal: {
          color: '#edafda',
          color0: 'transparent',
          borderColor: '#d680bc',
          borderColor0: '#8fd3e8',
          borderWidth: '2'
        }
      }
    },
    graph: {
      itemStyle: {
        normal: {
          borderWidth: 0,
          borderColor: '#ccc'
        }
      },
      lineStyle: {
        normal: {
          width: 1,
          color: '#aaa'
        }
      },
      symbolSize: '6',
      symbol: 'emptyCircle',
      smooth: true,
      color: ['#2d8cf0', '#19be6b', '#f5ae4a', '#9189d5', '#56cae2', '#cbb0e3'],
      label: {
        normal: {
          textStyle: {
            color: '#eee'
          }
        }
      }
    },
    map: {
      itemStyle: {
        normal: {
          areaColor: '#f3f3f3',
          borderColor: '#516b91',
          borderWidth: 0.5
        },
        emphasis: {
          areaColor: 'rgba(165,231,240,1)',
          borderColor: '#516b91',
          borderWidth: 1
        }
      },
      label: {
        normal: {
          textStyle: {
            color: '#000'
          }
        },
        emphasis: {
          textStyle: {
            color: 'rgb(81,107,145)'
          }
        }
      }
    },
    geo: {
      itemStyle: {
        normal: {
          areaColor: '#f3f3f3',
          borderColor: '#516b91',
          borderWidth: 0.5
        },
        emphasis: {
          areaColor: 'rgba(165,231,240,1)',
          borderColor: '#516b91',
          borderWidth: 1
        }
      },
      label: {
        normal: {
          textStyle: {
            color: '#000'
          }
        },
        emphasis: {
          textStyle: {
            color: 'rgb(81,107,145)'
          }
        }
      }
    },
    categoryAxis: {
      axisLine: {
        show: true,
        lineStyle: {
          color: '#cccccc'
        }
      },
      axisTick: {
        show: false,
        lineStyle: {
          color: '#333'
        }
      },
      axisLabel: {
        show: true,
        textStyle: {
          color: '#fff'
        }
      },
      splitLine: {
        show: false,
        lineStyle: {
          color: ['#eeeeee']
        }
      },
      splitArea: {
        show: false,
        areaStyle: {
          color: ['rgba(250,250,250,0.05)', 'rgba(200,200,200,0.02)']
        }
      }
    },
    valueAxis: {
      axisLine: {
        show: true,
        lineStyle: {
          color: '#cccccc'
        }
      },
      axisTick: {
        show: false,
        lineStyle: {
          color: '#333'
        }
      },
      axisLabel: {
        show: true,
        textStyle: {
          color: '#fff'
        }
      },
      splitLine: {
        show: false,
        lineStyle: {
          color: ['#eeeeee']
        }
      },
      splitArea: {
        show: false,
        areaStyle: {
          color: ['rgba(250,250,250,0.05)', 'rgba(200,200,200,0.02)']
        }
      }
    },
    logAxis: {
      axisLine: {
        show: true,
        lineStyle: {
          color: '#cccccc'
        }
      },
      axisTick: {
        show: false,
        lineStyle: {
          color: '#333'
        }
      },
      axisLabel: {
        show: true,
        textStyle: {
          color: '#999999'
        }
      },
      splitLine: {
        show: true,
        lineStyle: {
          color: ['#eeeeee']
        }
      },
      splitArea: {
        show: false,
        areaStyle: {
          color: ['rgba(250,250,250,0.05)', 'rgba(200,200,200,0.02)']
        }
      }
    },
    timeAxis: {
      axisLine: {
        show: true,
        lineStyle: {
          color: '#cccccc'
        }
      },
      axisTick: {
        show: false,
        lineStyle: {
          color: '#333'
        }
      },
      axisLabel: {
        show: true,
        textStyle: {
          color: '#999999'
        }
      },
      splitLine: {
        show: true,
        lineStyle: {
          color: ['#eeeeee']
        }
      },
      splitArea: {
        show: false,
        areaStyle: {
          color: ['rgba(250,250,250,0.05)', 'rgba(200,200,200,0.02)']
        }
      }
    },
    toolbox: {
      iconStyle: {
        normal: {
          borderColor: '#999'
        },
        emphasis: {
          borderColor: '#666'
        }
      }
    },
    legend: {
      textStyle: {
        color: '#fff'
      }
    },
    tooltip: {
      axisPointer: {
        lineStyle: {
          color: '#ccc',
          width: 1
        },
        crossStyle: {
          color: '#ccc',
          width: 1
        }
      }
    },
    timeline: {
      lineStyle: {
        color: '#8fd3e8',
        width: 1
      },
      itemStyle: {
        normal: {
          color: '#8fd3e8',
          borderWidth: 1
        },
        emphasis: {
          color: '#8fd3e8'
        }
      },
      controlStyle: {
        normal: {
          color: '#8fd3e8',
          borderColor: '#8fd3e8',
          borderWidth: 0.5
        },
        emphasis: {
          color: '#8fd3e8',
          borderColor: '#8fd3e8',
          borderWidth: 0.5
        }
      },
      checkpointStyle: {
        color: '#8fd3e8',
        borderColor: 'rgba(138,124,168,0.37)'
      },
      label: {
        normal: {
          textStyle: {
            color: '#8fd3e8'
          }
        },
        emphasis: {
          textStyle: {
            color: '#8fd3e8'
          }
        }
      }
    },
    visualMap: {
      color: ['#516b91', '#59c4e6', '#a5e7f0']
    },
    dataZoom: {
      backgroundColor: 'rgba(0,0,0,0)',
      dataBackgroundColor: 'rgba(255,255,255,0.3)',
      fillerColor: 'rgba(167,183,204,0.4)',
      handleColor: '#a7b7cc',
      handleSize: '100%',
      textStyle: {
        color: '#333'
      }
    },
    markPoint: {
      label: {
        normal: {
          textStyle: {
            color: '#eee'
          }
        },
        emphasis: {
          textStyle: {
            color: '#eee'
          }
        }
      }
    }
  }
  export default theme
  